#cesium{
    width: 100%;
    height:100%;
    padding: 0;
    overflow: hidden;
}

// canvas{
//     width: 100%;
//     height:100%;
//     margin: 0;
// }

.nav{
	margin:0;
	padding:0;
	width:70px;
	height:60px;
	position: absolute;
	left:50%;
	bottom:15px;
	margin-left:0px;
	z-index:99;
	background:url(/assets/images/nav-ground.png) center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	font-size:0;
}
.nav-item{
	display:inline-block;
	cursor:pointer;
	width:48px;
	height:48px;
	margin:6px 11px;
	background:url(/assets/images/nav-icons.png) no-repeat;
}
.nav-item-1{
	background-position:0 0;
}
.nav-item-2{
	background-position:0 -50px;
}
.nav-item-3{
	background-position:0 -100px;
}
.nav-item-4{
	background-position:0 -150px;
}
.nav-item-5{
	background-position:0 -200px;
}
.nav-item-6{
	background-position:0 -250px;
}
.nav-item-7{
	background-position:0 -300px;
}
.nav-item-8{
	background-position:0 -350px;
}
.nav-item-1.active{
	background-position:-50px 0;
}
.nav-item-2.active{
	background-position:-50px -50px;
}
.nav-item-3.active{
	background-position:-50px -100px;
}
.nav-item-4.active{
	background-position:-50px -150px;
}
.nav-item-5.active{
	background-position:-50px -200px;
}
.nav-item-6.active{
	background-position:-50px -250px;
}
.nav-item-7.active{
	background-position:-50px -300px;
}
.nav-item-8.active{
	background-position:-50px -350px;
}
